<template>
    <div class="checkItem">
        <el-dialog
        title="查看项目"
        :visible.sync="checkDialogVisible"
        width="30%"
        :center="true"
        :before-close="checkItemCancel">
        <el-form label-width="140px">
            <el-form-item label="所属项目">
                {{checkList.businessName}}
            </el-form-item>
            <el-form-item label="项目名称">
                {{checkList.projectName}}
            </el-form-item>
            <el-form-item label="项目负责人">
                {{checkList.userName}}
            </el-form-item>
            <el-form-item label="项目描述">
                {{checkList.describe}}
            </el-form-item>
            <el-form-item label="创建时间">
                {{checkList.createDate}}
            </el-form-item>
            <el-form-item label="正常上班周期">
                {{checkList.normalWorking}}
            </el-form-item>
            <el-form-item label="上班打卡时间">
                {{checkList.officeHours}}
            </el-form-item>
            <el-form-item label="下班打卡时间">
                {{checkList.closingTime}}
            </el-form-item>
            <el-form-item label="历史成员">
                {{checkList.membersHistory}}
            </el-form-item>
            <el-form-item label="结束时间">
                {{checkList.overDate}}
            </el-form-item>
        </el-form>
        <span slot="footer" class="dialog-footer" v-show="false">
            <el-button @click="checkItemCancel">取 消</el-button>
        </span>
        </el-dialog>
    </div>
</template>
<script>
    export default{
        name:'CheckItem',
        props:['checkDialogVisible','checkList'],
        methods:{
            // 取消查看按钮
            checkItemCancel(){
                this.$emit('checkItemCancel',false)
            },
        },
    }
</script>
<style lang="scss" scoped>

</style>